<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../category/public/public.css">
</head>

<body>

    <header class="header">
        <!-- logo -->
       
        <div class="logoBox">
            <a class="logo" href="https://onlinexzone.com" target="_parent" aria-label="Go to onlinexzone.com Homepage">
                <img alt="onlinexzone.com logo" src="../assets/logo.png" class="logo__image" />
            </a>
            <button class="hamburger" type="button" aria-label="Show Menu"><span class="hamburger__span"></span></button>
        </div>

        <!-- mobile menu toggle -->



        <!-- primary menu -->
        <nav class="nav" aria-label="Site Menu">
            <ul id="menu-primary-menu-english" class="nav__list">
                <li id="menu-item-125"
                    class="menu-item menu-item-type-taxonomy menu-item-object-category nav__item menu-item-125"><a
                        class="nav__link" target="_parent" href="https://onlinexzone.com/category/index.html?type=health">Health</a></li>
                <li id="menu-item-128"
                    class="menu-item menu-item-type-taxonomy menu-item-object-category nav__item menu-item-128"><a
                        class="nav__link" target="_parent" href="https://onlinexzone.com/category/index.html?type=travel">Travel</a></li>
                <li id="menu-item-123"
                    class="menu-item menu-item-type-taxonomy menu-item-object-category nav__item menu-item-123"><a
                        class="nav__link" target="_parent" href="https://onlinexzone.com/category/index.html?type=auto">Auto</a></li>
                <li id="menu-item-124"
                    class="menu-item menu-item-type-taxonomy menu-item-object-category nav__item menu-item-124"><a
                        class="nav__link" target="_parent" href="https://onlinexzone.com/category/index.html?type=finance">Finance</a>
                </li>
                <li id="menu-item-127"
                    class="menu-item menu-item-type-taxonomy menu-item-object-category nav__item menu-item-127"><a
                        class="nav__link" target="_parent" href="https://onlinexzone.com/category/index.html?type=tech">Tech</a></li>
            </ul>
        </nav>
       
        <!-- search toggle -->
        <!-- <div class="header__search">
            <button class="search-toggle" type="button" aria-label="Show Search">
                <span class="search-toggle__close-icon"></span>
            </button>
        </div> -->
    </header>
</body>

<style>
    .logoBox{
        position: relative;
        top: -22px;
        left: 38px;
        grid-area: logo;
    }
    .header .logo .logo__image {
        width: 140px;
        height: 98px;
    }

    
    .header .hamburger {
        display: block;
        position: absolute;
        left: -34px;
        top: 60%;
    }
</style>
<script>
    const hamburger = document.querySelector('.hamburger')
    hamburger.addEventListener('click',function () {
        window.parent.blockAside();
    })

</script>
</html>